import React, { Component } from 'react'
/**
 * 子组件给父组件传值
 *    子给父传，其实也是父给子传，只不过父传给子的是函数
 * 
 *  父组件在调用子组件的地方，添加一个自定义的属性
 * 属性的值是一个函数，该函数的默认参数就是子组件需要传递给父组件的值
 * 
 * 子组件的某一个事件内， 通过 this.props.自定义属性名(参数) 完成传值
 */
class Child extends Component {
  state = { test: '测试' }
  
  render () {
    console.log('child render')
    return (
      <div>Child
        <button onClick = { () => {
          this.props.fn('aaaaaa')
        }}>发送数据</button>
      </div>
    )
  }
}
export default class App extends Component {
  state = { count: 10 }
  getData = (data) => {
    console.log(data)
  }
  render() {
    return (
      <div>
        <button onClick = { () => {
          this.setState({ count: this.state.count + 10 })
        }}>加</button>
        <Child fn = { this.getData }/> 
      </div>
    )
  }
}

